Skip to main content

Tree view in vertical or compact form

JSON data in a hierarchical TREE form (https://vason.io/open-tree)

JSON data in a hierarchical COMPACT form (https://vason.io/open-compact)

The Tree window allows you to analyze JSON data in a hierarchical tree form, providing a visual representation for easier understanding and navigation.

Tree view_in_vertical_or_compact_formTree view_in_vertical_or_compact_form

  1. Click the Tree button on either the left or right side to open the Tree window. Opening the Tree window from the left side allows you to analyze JSON content from the left JSON panel, while opening it from the right side allows the analysis of JSON content from the right JSON panel. You can navigate through the JSON by expanding particular nodes or expand all nodes at once using the Expand all button.

  2. You can synchronize the tree node with the cursor position at the panel you are analyzing the JSON in. E.g.

    • Click somewhere on the JSON text on the left panel;
    • Then click on the ▷ Sync button;

  3. You may also synchronize the other way around. Just click per node on ◁ to position the cursor in the active JSON panel

  4. It is as well possible to analyze JSON in the compact form by choosing the Compact element in Extra view dropdown. In this tree form you can see the keys only without the corresponding values. This makes it easier to understand the structure of the JSON. You can see all the subkeys by mouse hover.